html {
     overflow: -moz-scrollbars-vertical; height:100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
b, u, i, center,div,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	outline: 0;
	font-family:Arial, Helvetica, sans-serif;
}
body, div, p, li, pre, span
{ font-size:12px;}
input,textarea,select
{ border:#CCCCCC solid 1px; }
body
{ height:100%;  *width:99%; }
a
{ font-size:12px; text-decoration:none; color:#FF6600; }

.clear
{ clear:both; }
.wrapper
{ width:98%; background:#F2F2F2; margin:auto; /*height:82%; *height:75%;*/ }
.left
{ width:15%; padding:5px; float:left; text-align:left; }
.right
{ width:80%; background:#558ED5; padding:10px; float:right; text-align:left;}

.headerarea
{ width:100%; background:#fff; border-top:#3773BB 5px solid;  border-bottom:#3773BB solid 2px; float:left; min-height:15%;}
	.toparea
	{ width:99.7%; padding: 2px;  text-align:right; }
		.toparea p
		{ margin:5px; padding:0px;}
		.toparea p a
		{ color:#FFFFFF; padding:8px 10px;}
		.toparea p a:hover
		{ background:#fff; color:#000;}
	.logo_login_area
	{ width:100%; padding:3px; float:left;}	
		.logo_place
		{ width:20%; float:left; }
		.menu_place_area
		{ width:100%; float:left; }
		.search_area
		{ width:65%; float:right; text-align:left;  }
		.search_input
		{ width:100%;  padding:5px; border:#3773BB solid 2px; border-radius:8px; -webkit-border-radius:8px; display:inline-block; height:23px;}
		.search_input .search_text
		{ border:none; width:75%; height:20px; float:left; margin:2px; background:#FFF; }
		.search_input .search_btn
		{ background:#316AC5; width:20%; border-radius:5px; padding:3px; color:#FFFFFF; border:none; float:right; cursor:pointer; }
		.show_live_area
		{width:66%; padding:5px; float:right;}
		.login_area
		{ width:60%; padding:5px; float:right; }	
			.login_user, .login_pass
			{ width:220px; float:left; padding:5px; }
			.login_input
			{ width:192px; padding:10px; color:#666666; background:url(../images/login_input_bg.gif) left top no-repeat; border:none; }
			.login_btn_div
			{ width:100px; padding:5px; float:left; }
			.login_btn_div .login_btn
			{ padding:8px 20px; background:#316AC5; color:#FFFFFF; border:none; margin-top:15px; cursor:pointer; }
	
	

.pagearea
{ width:99%; padding:5px; background:#F2F2F2; overflow:auto; min-height:80%;  float:left; 
	/*height:70%; margin-top:150px; position:absolute;height:95%; */}
	.menuarea 
	{ padding:5px; width:70%; float:right; margin:0 auto; }
	.menuarea ul.menu, .menu_place_area ul.menu
	{ list-style:none; float:left; text-align:center; margin:auto; width:99.7%; background:#C6DAFD}
	ul.menu li, .menu_place_area ul.menu li
	{ padding:8px; float:left; margin:2px;  text-align:center; background:#C6DAFD; border-bottom:#558ED5 solid 5px; cursor:pointer; font-stretch:expanded; color:red;}
	ul.menu li a
	{ color:#000; font-weight:bold; text-transform:uppercase; }
	ul.menu li a:hover
	{ color:#FF3333;  }
	ul.menu li:hover
	{ border-bottom:#D4412A solid 5px; }
	.gps_image
	{clear:both; }

a:hover
{ color:#0099FF; }
.left_panel
{ float:left; padding:5px; background:#696969; height:30px; }
.content_panel
{ float:left; padding:5px; background:#FFF; height:30px; border:#CCCCCC solid 1px; }

.leftmenu
{ width:99%; padding:5px; background:#696969; float:left; margin-top:30px;  }
.leftmenu ul
{ float:left; list-style:none; width:100%;  }
.leftmenu ul li
 { padding:8px; background:#000000; width:90%; color:#FFFFFF; margin:2px; } 

.drop_down_area
{width:252px; float:left; padding:5px;  }
.show_live_btn
{ width:110px; float:left; padding:5px; }
.show_live_btn input
{ width:100px; font-weight:bold; padding:8px; color:#FFFFFF; border:#4a7112 solid 2px; background:#5c881e; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.leftarea
{ width:15%; float:left; margin:5px; }
.rightarea
{ width:83%; float:right; margin:5px; }


.ui-layout-toggler-open
{ background:url(../images/arrow_open.gif) left top no-repeat;}

.ui-layout-toggler-closed
{ background:url(../images/arrow_close.gif) left top no-repeat;}



.form_area
 { width:99%; padding:5px; float:left; background:#FFF; border:1px solid #CCC; padding-top:5%;  }
.form_area ul
{ list-style:none; width:99%; float:left; margin-bottom:25px; }
.form_area ul li
{ width:48%; float:left; padding:5px; padding-bottom:10px; min-height:25px; *height:25px;}
.form_area ul li label
{ color:#316AC5; font-size:13px; padding:5px; width:25%; float:left;  text-align:right; }
.form_area ul li .form_text
{ color:#666666; font-size:13px; padding:5px; border:#CCCCCC solid 1px; width:60%;  }
.form_area ul li input.form_check
{ color:#666666; font-size:13px; padding:5px; border:#CCCCCC solid 1px; width:10px; margin-left:40px; float:left;  }
.row input[type="text"].form_text_small, .form_text_small
{ width:15%; padding:5px; margin-right:0px; }
.form_select
{color:#666666; font-size:13px; padding:4px; border:#CCCCCC solid 1px; width:48%; }
.show_alerts
{ width:100%; float:left; padding-bottom:10px; }
label
{ color:#000000; padding:5px; }
.show_alerts .form_select
{ width:200px; }
.alert_heading
{ color:#FFFFFF; font-size:15px; background:#d64914; padding:10px; float:left; width:98%; margin-bottom:8px; border-radius:15px 0; 
	-moz-border-radius:15px 0; -webkit-border-radius:15px 0;}
.btn_area
{ float:left; padding:5px; width:95%; text-align:center; padding-left:10px; }
.save_btn
{ display:inline-block; padding:8px; margin:5px; border:#316AC5 solid 1px; color:#FFFFFF; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background:#316AC5; cursor:pointer; }
.text_area
{ padding:5px; border:#CCCCCC solid 1px; width:60%; }
.title_area
 { width:100%; float:left;  }
 .title_area h1
 { color:#E27038; padding:5px; font-size:22px;  width:88%; float:left;}
  .title_area span.back
  { width:6%; padding:5px; float:right; text-align:right; background:#316AC5; text-align:center; color:#FFFFFF; cursor:pointer; }
/*******************************************    Table area styles start here     ***********************************************/
.grid_table_area, .product_area
{ width:99%; padding:5px; float:left;  }
.grid_table_area table, .gridform_final
{ border-collapse:collapse; padding:5px; width:100%; }
.grid_table_area table tr th, .gridform_final tr th
{ padding:10px; background:#3773BB; color:#fff; border-right:#FFFFFF solid 1px; font:12px normal  Arial, Helvetica, sans-serif; font-weight:bold;}
.grid_table_area table tr td, .gridform_final tr td
{ padding:10px; border:#CCCCCC solid 1px; vertical-align:middle; text-align:left;  }
.grid_table_area table tr:nth-child(even), .gridform_final tr:nth-child(even) {background: #dfdede}
.grid_table_area table tr:nth-child(odd), .gridform_final tr:nth-child(odd) { background:#FFFFFF;}

.gridform_final tr:hover
{
	/*background-color:#CCC;
	color:#FFF;*/
}

.toparea .left p
{ color:#FFFFFF;  }
.toparea .right p
{ color:#FFFFFF; font-weight:bold;  }

.toparea .right a
{ color:#FFFFFF; padding:5px; text-align:right; }
.toparea .right a:hover
{ color:#FFCC00; }
.alert_text_small
{ width:250px; padding:5px; margin:5px 0; }
a img
{ border:none; }



/*********************************************   PAGINATION div styles start here ************************************************/
.pagination
 { width:99%; padding:5px; float:right; text-align:right  }

.first_link
{ width:34px; height:34px; background:url(../images/first_img.gif) left top no-repeat; float:right; }
.prev_link
{ width:34px; height:34px; background:url(../images/prev_img.gif) left top no-repeat;  float:right; }
.next_link
{ width:34px; height:34px; background:url(../images/next_img.gif) left top no-repeat;  float:right; }
.last_link
{ width:34px; height:34px; background:url(../images/next_last.gif) left top no-repeat;  float:right; }
.active_link
{ width:34px; color:#FFFFFF; font-weight:bold; height:24px; padding-top:10px; background:url(../images/pagination_active.gif) left top no-repeat; float:right; text-align:center; }


.footerarea
{ width:98%; padding:5px; background:#558ED5; color:#FFFFFF; float:left; position:fixed; bottom:0; left:6px;  z-index:450; }
.footerarea span.right a
{ color:#FFFFFF;  }
.footerarea .right
{ text-align:right; width: 40%;}

.pagearea table
{ /*float:left; display:block; */border-collapse:collapse; clear:both; }
.map_find_heading
{	width:233px; background:#e7e7e7; border:#999999 solid 2px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-indent:0;
	cursor:pointer; overflow:hidden; height:17px; color:#316AC5; font-size:16px; padding:10px; font-weight:bold;}
	
.map_find_heading span
{ background:url(../images/icon-arrow.gif) left top no-repeat; float:right; width:27px; height:27px; margin-top:-3px; }	

ul li ul.map_filter_area
{ width:260px; float:left;background:#000000; display:none; position:absolute; opacity:0.8}
ul li ul.map_filter_area li
{ padding:10px 0; width:100%; list-style:none; cursor:pointer; }

ul li ul.map_filter_area li:hover
{background:#E27038; }
ul li ul.map_filter_area li:hover a
{color:#FFFFFF}
ul li ul.map_filter_area li a
{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px; }
ul li:hover ul.map_filter_area
{ display:block; }
.show_table
{ width:100%; padding:5px; float:left; border-collapse:collapse; }
.show_table tr th
{ padding:10px; background:#FBAD2A; color:#FFFFFF; border-right:#FFFFFF solid 1px; text-align:left;}
.show_table tr td
{ padding:10px; border:#CCCCCC solid 1px; }
.grid_table_area table tr:nth-child(even), .show_table tr:nth-child(even) {background: #dfdede}

.refresh
{ color:#316AC5; font-size:13px; text-align:right; }
.refresh a
{ font-weight:bold; color:#CC3300; text-decoration:underline; }


.row
{ float:left; width:99%; padding:5px; }
.row label
{ width:120px; float:left; }
.row input[type="text"]
{ width:200px; padding:5px; }
.row select
{ width:220px; padding:5px; }
.row select.form_select
{ width:430px; padding:5px; }
.row textarea
{ width:200px; padding:5px; }

.ValidationErrors
{ position:absolute; color:#FFF; padding:6px 5px 6px 8px;  margin-left:-120px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
  background:#B90915; /*url(../images/close.gif) 5px center no-repeat;*/
}

.form_area ul li input, .form_area ul li slect, .form_area ul li textarea
{ width:60%; }

/*.calender
{ background:url(../images/calender.png) left center no-repeat; width:32px; height:32px; position:absolute; margin-left:-30px; margin-top:-2px; }*/

.time
{ background:url(../images/clock_red.png) left center no-repeat; width:32px; height:32px; position:absolute; margin-left:-18px;  margin-top:10px; }

.ui-datepicker-trigger
{ position:relative; top:6px; cursor:pointer;}
/**************************** accordion styles Start here ****************************************/
#settingMenu
{ padding:3px;  }

#settingMenu a.settingMenuItem {
	cursor:pointer;
	display:block;
	margin-top: 0;
	text-decoration: none;
	outline:0;
	clear: both;
	padding:8px;
	color: #FFFFFF;
	margin-bottom:5px;
	background-color: #3399ff;
}
#settingMenu div p
{ line-height:20px; }
.product_area .rightarea h2
{ color:#cc3333; font-size:18px; }
.product_area .rightarea ul
{ width:95%; margin:5px; float:left; margin-left:35px; }
.product_area .rightarea ul li
{ width:48%; float:left; padding:5px;  }

.alert_string
{ width:90%; display:block; padding:5px; text-align:right; margin-bottom:10px; }
#mainAreaInternal
{  padding:5px; float:left; width:99%; padding-bottom:5% }
.listofusers a
{ padding:5px; margin-top:-5px; background:#D4412A; float:right; color:#FFFFFF; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.listofusers a:hover
{ background:#316AC5; }
.listofusers
{ padding:10px 5px; text-align:left; padding-left:5%; font-weight:bold; font-size:14px; margin-bottom:5px; background:#F2F2F2;}


.listofusers span
{ padding:5px; float:right; margin-top:-5px; text-align:right;}


.homeBack
{ margin-right:6%; padding:3px; margin-top:-35px; cursor:pointer; background:#D4412A; float:right; color:#FFFFFF; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.homeBack:hover
{
	background:#316AC5;
}
.homeRefresh a
{ margin-right:1%; padding:5px; margin-top:-35px; background:#D4412A; float:right; color:#FFFFFF; text-decoration:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.homeRefresh a:hover
{ background:#316AC5; }

.form_area ul li input[type="file"]
{ width:200px; }
.form_area ul li input[type="radio"], .form_area ul li input.form_radio
{ width:10px; height:10px; }
.port_num span
{ margin-left:25px; }
.info_port
{ font-size:13px; padding:5px; color:#FF3300; font-weight:bold; text-align:center; background:#DFDEDE;}
.info_port span img
{ display:none; float:right;  }
.info_port:hover span img
{ display:block; position:absolute; }

.datearea
{ background:#fff; font-weight:bold; text-align:right; float:right; color:#558ED5;  }
.datearea input
{ padding:5px;}
.datearea img
{ position:absolute}



detailsGrid
{ margin-bottom:0px;}
.detailsGrid th
{ background:#558ED5; width:20%; padding:6px; color:#FFFFFF; font-size:110%;}
.detailsGrid td
{ font-size:100%; padding:5px; background-color:#F3F3F3; border-bottom:#CCCCCC dotted 1px; padding-top:5px; padding-bottom:10px; }

#nav{ margin:0px; padding:5px 0px; float:right; width:35%; text-align:right}
#nav li{font:normal 12px/0px Arial, Helvetica, sans-serif; color:#016b7d; list-style:none; display:inline; padding:0px 2px;}
#nav img{padding:0px; margin:0px; display:inline;}
#nav li a{color:#9bbbc7; text-decoration:none; padding:0px;}
.nav_active {color:#fff; background:#72becb; padding:0px 2px;}
.next_img{background:#999 url(images/nav4.gif) 0px 0px no-repeat; border:0px; cursor:pointer}
.prev_img{background:#999 url(images/nav3.gif) 0px 0px no-repeat; border:0px; cursor:pointer}
.frist_img{ url(images/nav1.gif) 0px 0px no-repeat; border:0px; cursor:pointer}
.last_img{background:#999 url(images/nav2.gif) 0px 0px no-repeat; border:0px; cursor:pointer}	


/*-----modelpage----*/
.grid_m_table_area_m, .product_area_m
{ width:90%; padding:15px; margin:0 auto; border:#CCCCCC solid 1px;


 }

.rightarea_m
{ margin:0px auto; height:auto;}



.product_area_m .rightarea_m h2
{ color:#cc3333; font-size:18px; }
.product_area_m .rightarea_m ul
{    display: inline-block;
    margin-bottom: 5px;
    margin-left: 35px;
    margin-right: 5px;
    margin-top: 5px;}
.product_area_m .rightarea_m ul li
{ width:48%; float:left; padding:5px;  }

.product_area_m .imagearea{padding:20px;}

.product_area_m .imagearea .img{
	border:#999999 solid 3px;
	background-image: url(../images/model_image.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width:70%;

}

.toparea_links
	{ width:99%; padding:5px; background:#316AC5; text-align:right; }
	
		.toparea_links p
		{     display: block;
    margin:5px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 35px;
    padding-top: 0;}
		.toparea_links p a
		{ color:#FFFFFF; padding:8px 10px;}
		.toparea_links a:hover
		{ background:#000000}
		
				.toparea_links a.none
		{ background:none;}
		
	


.close_b{    float: right;
    position: relative;
    right: 10px;
    top: -25px;
}

.showlive_on{background:url(../images/show_live_on.png) no-repeat; border:none; width:90px; height:33px; cursor:pointer; font-weight:bold;}
.showlive_off{background:url(../images/show_live_off.png) no-repeat; border:none; width:90px; height:33px; cursor:pointer; font-weight:bold;}

.param_grid_final
{ border-collapse:collapse; padding:5px; width:100%; background:#FFF; border:1px solid #CCC; }
.param_grid_final tr th
{ padding:5px; text-align:left; color:#333; border:#CCCCCC solid 1px; font-weight:bold; }
.param_grid_final tr td
{ padding:5px; border:#CCCCCC solid 1px; vertical-align:middle; text-align:left;  }
.param_grid_final tr:nth-child(even) {background: #dfdede}
.param_grid_final tr:nth-child(odd) { background:#FFFFFF;}


/*  Styling for Suggestion Box Container  */
.suggestionsBox {
	position: absolute;
	width: 240px;
	background-color: #212427;
	border: 1px solid #000;
	color: #fff;
	padding: 5px;
	margin:45px 0px 0px 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


.suggestionList { margin: 0px; padding: 0px; }

/*  Individual Search Results  */
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 7px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	list-style-type: none;
}

/*  Hover effect  */
.suggestionList li:hover { background-color: #009900;}

.detail_txt
{ font-size:13px; padding:5px; color:#316AC5; font-weight:bold; text-align:left; float:left;  }

.welcome
{
	width:auto;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}
.top_link
{
	width:auto;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}